<template>
	<view class="container">
		<view class="title">{{ deptName }}职务应急管理卡</view>
		<view class="table">
			<view class="tr">
				<view class="td">现场处置措施</view>
				<view class="td">{{ info.cuoshi || '无' }}</view>
			</view>
			<view class="tr">
				<view class="td">上报程序</view>
				<view class="td">{{ info.chengxu || '无' }}</view>
			</view>
			<view class="tr">
				<view class="td">上报联系方式</view>
				<view class="td">{{ info.tel || '无' }}</view>
			</view>
			<view class="tr">
				<view class="td">上报内容</view>
				<view class="td">{{ info.contnt || '无' }}</view>
			</view>
		</view>
	</view>
</template>

<script>
export default{
	data(){
		return {
			deptName: '',
			info: {}
		}
	},
	onLoad(option){
		this.id = option.id;
		this.deptName = option.dept;
		this.getEmergencyDetail();
	},
	methods: {
		// 获取数据
		getEmergencyDetail(){
			let _this = this;
			uni.request({
				url: _this.$API.gridEmergencyDetail,
				data: { id: _this.id },
				header: _this.$API.get_head(),
				success: (res)=>{
					_this.info = res.data.data;
				}
			})
		}
	}
}
</script>

<style scoped>
.container{
	padding: 40upx 30upx;
}
.title{
	font-size: 28upx;
	font-weight: bold;
	line-height: 1.2;
	text-align: center;
	margin-bottom: 20upx;
}


</style>
